﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <title>抽奖</title>
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/liMarquee.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="js/jquery.liMarquee.js"></script>
    <script type="text/javascript" src="js/awardRotate.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script src="https://cdn.bootcss.com/jquery.countdown/2.2.0/jquery.countdown.min.js"></script>
</head>
<body>
    <!-- 首页 -->
    <div class="home_page">
        <!-- 普通奖弹窗页面 -->
        <div class="zj-main" id="zj-main">
            <div class="txzl">
                <div class="zj_text">
                    中奖啦<br />
                    恭喜获得<span id="zjSpan"></span>一份
                </div>
                <div class="close_zj">
                    关闭</div>
            </div>
        </div>
        <!-- 大奖弹窗页面 -->
        <div class="zj-big-main" id="zj-big-main">
            <div class="big-txzl">
                <img src="images/alert_zj.png" alt="" />
            </div>
        </div>
        <!-- 特大奖弹窗页面 -->
        <div class="zj-big-main" id="zj-image-main">
            <div class="big-txzl">
                <div class="price">
                    3000元
                </div>
                <div class="goods">
                    冰箱一台
                </div>
                <div class="people">
                    请联系银行工作人员
                </div>
                <img class="big-img" src="images/alert_zj_main.png" alt="" id="zj-image" />
            </div>
        </div>
        <!-- 中奖名单 -->
        <div class="goods-list">
            <ul class="prize_ul">
                <li>
                    <div class="photo">
                        <img src="images/goods/55寸彩电.png" alt="" />
                    </div>
                    <p>
                        恭喜 188****1234 获得某某某奖品一份</p>
                </li>
                <li>
                    <div class="photo">
                        <img src="images/goods/55寸彩电.png" alt="" />
                    </div>
                    <p>
                        恭喜 188****1234 获得某某某奖品两份</p>
                </li>
            </ul>
        </div>
        <!-- 悬浮按钮 -->
        <div class="xuan_btn xuan_rules">
            <a href="#">规则</a>
        </div>
        <!-- 规则 -->
        <div class="zj-rules" id="zj-rules">
            <div class="txzl">
                <div class="zj_text">
                    <ul class="rules_ul">
                        <li>活动时间：2018年4月27日18：00—2018年5月10日18：00</li>
                        <li>1. 奖励发放时间：实时发放</li>
                        <li class="rules_specil">特别说明:为保证活动的公平性，对于存在违规收徒行为的用户，平台将取消其参加活动的资格，并扣除所有奖励，请遵守平台规则，正常邀请收徒。本活动最终解释权归悦头条所有。
                        </li>
                    </ul>
                </div>
                <div class="close_zj_rules">
                    关闭</div>
            </div>
        </div>
        <!-- 红包雨层 -->
        <ul class="couten">
        </ul>
        <div class="top_banner">
            <img src="images/default_bg.png" />
        </div>
        <!-- 白银转盘弹出层 -->
        <div id="silverDiv" class="silver">
            <div class="silver_banner">
                <img src="images/default_silver.png" />
            </div>
            <div class="cover">
            </div>
            <div class="zhuanpan">
                <div class="turntable-bg">
                    <!-- 悬浮icon -->
                    <div class="turn_icon turn_icon1">
                        <img src="images/reward_floating_img_2.png" /></div>
                    <div class="turn_icon turn_icon2">
                        <img src="images/reward_floating_img_1.png" /></div>
                    <div class="turn_icon turn_icon3">
                        <img src="images/reward_floating_img_5.png" /></div>
                    <div class="turn_icon turn_icon4">
                        <img src="images/reward_floating_img_4.png" /></div>
                    <div class="turn_icon turn_icon5">
                        <img src="images/reward_floating_img_3.png" /></div>
                    <div class="all">
                        <div id="silverCountDown" class="circle">
                            <svg id="silverSvg" class="bg" width="100%" height="100%">
                            </svg>
                        </div>
                        <div class="pointer" id="silverPointer">
                        </div>
                    </div>
                </div>
                <div class="cover_num">
                    您当前剩余次数：<span id="silverSpan">5</span>次
                </div>
            </div>
            <div class="silver_bottom">
                <img src="images/line.png" alt="" />
                <img src="images/line.png" alt="" />
            </div>
        </div>
        <!-- 黄金转盘弹出层 -->
        <div id="goldDiv" class="gold">
            <div class="silver_banner">
                <img src="images/default_gold.png" />
            </div>
            <div class="cover_gold">
            </div>
            <div class="zhuanpan_gold">
                <div class="turntable-bg">
                    <!-- 悬浮icon -->
                    <div class="turn_icon turn_icon1">
                        <img src="images/reward_floating_img_2.png" /></div>
                    <div class="turn_icon turn_icon2">
                        <img src="images/reward_floating_img_1.png" /></div>
                    <div class="turn_icon turn_icon3">
                        <img src="images/reward_floating_img_5.png" /></div>
                    <div class="turn_icon turn_icon4">
                        <img src="images/reward_floating_img_4.png" /></div>
                    <div class="turn_icon turn_icon5">
                        <img src="images/reward_floating_img_3.png" /></div>
                    <div class="all">
                        <div id="goldCountDown" class="circle">
                            <svg id="goldSvg" class="bg" width="100%" height="100%">
                            </svg>
                        </div>
                        <div class="pointer" id="goldPointer">
                        </div>
                    </div>
                </div>
                <div class="cover_num">
                    您当前剩余次数：<span id="goldSpan">5</span>次
                </div>
            </div>
            <div class="silver_bottom">
                <img src="images/line.png" alt="" />
                <img src="images/line.png" alt="" />
            </div>
        </div>
        <!-- 钻石转盘弹出层 -->
        <div id="diamondDiv" class="diamond">
            <div class="silver_banner">
                <img src="images/default_diamonds.png" />
            </div>
            <div class="cover_diamonds">
            </div>
            <div class="zhuanpan_diamonds">
                <div class="turntable-bg">
                    <!-- 悬浮icon -->
                    <div class="turn_icon turn_icon1">
                        <img src="images/reward_floating_img_2.png" /></div>
                    <div class="turn_icon turn_icon2">
                        <img src="images/reward_floating_img_1.png" /></div>
                    <div class="turn_icon turn_icon3">
                        <img src="images/reward_floating_img_5.png" /></div>
                    <div class="turn_icon turn_icon4">
                        <img src="images/reward_floating_img_4.png" /></div>
                    <div class="turn_icon turn_icon5">
                        <img src="images/reward_floating_img_3.png" /></div>
                    <div class="all">
                        <div id="diamondCountDown" class="circle">
                            <svg id="diamondSvg" class="bg" width="100%" height="100%">
                            </svg>
                        </div>
                        <div class="pointer" id="diamondPointer">
                        </div>
                    </div>
                </div>
                <div class="cover_num">
                    您当前剩余次数：<span id="diamondSpan">5</span>次
                </div>
            </div>
            <div class="silver_bottom">
                <img src="images/line.png" alt="" />
                <img src="images/line.png" alt="" />
            </div>
        </div>
        <!-- 底部btn -->
        <!--<div class="footer">
            <ul class="prize_ul">
                <li>恭喜 188****1234 获得某某某奖品一份</li>
                <li>恭喜 188****1234 奖品升级抽黄金大转盘一次</li>
                <li>恭喜 188****1234 奖品升级抽钻石大转盘一次</li>
                <li>恭喜 188****1234 获得某某某奖品一份</li>
                <li>恭喜 188****1234 奖品升级抽黄金大转盘一次</li>
                <li>恭喜 188****1234 奖品升级抽钻石大转盘一次</li>
            </ul>
        </div>-->
    </div>
</body>
</html>
